<template>
    <div class="mb-lg">
        <div class="form-title" v-if="lable"><span v-if=' actionText != "" '><el-button @click="handleAction" size="mini" type="primary">{{actionText}}</el-button></span>{{lable}}</div>
        <el-row :gutter="24" class="flex-warp">
            <slot></slot>
        </el-row>
    </div>
</template>
<script>
export default {
    props: {
        lable: {
            type: String,
            default: ''
        },
        actionText: {
            type: String,
            default: ''
        }
    },
    methods: {
        handleAction () {
            console.log(1);
            this.$emit("handleAction")
        }
    }
}
</script>
<style lang="scss" scoped>
.form-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 14px;
    .form-content {
        padding: 0 12px;
    }
    span {
        float: right;
    }
}
</style>
